<template>
<div class="upvideo">
  <el-upload class="upload-demo" :action="action" multiple :limit="3" name="video" :headers="upHeader">
    <el-button type="primary">Click to upload</el-button>
    <template #tip>
      <div class="el-upload__tip">
        jpg/png files with a size less than 500KB.
      </div>
    </template>
  </el-upload>
  </div>
</template>


<script lang="ts" setup>
import { ref } from 'vue'
import { useStore } from 'vuex'
import { ElMessage, ElMessageBox } from 'element-plus'
const $store = useStore();
const httpPath = $store.state.httpApi
const action = ref("")
const upHeader = ref({
  "Authorization": "Bearer " + $store.state.Token
})
action.value = httpPath + "/video/up"
</script>

<style scoped>

::v-deep(.upload-demo){
  margin: 10px;
}

.upvideo{
  width: 800px;
  height: 300px;
  border-radius: 14px;
  border: 1px solid rgb(202, 200, 200);
  position: relative;
  left: 50px;
  top: 50px;
}
</style>